*{margin:0;padding:0;font-family:"Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",Roboto,Arial,sans-serif;color:#333}
li,ul,ul li{list-style:none}
a{text-decoration:none}
img{display:initial;margin:0 auto}
.mobile{display:none}
article img {max-width:100%;}

video{ background-color: #000;}

.pages{padding:40px 0;text-align:center;height:40px;line-height:40px;display:flex;justify-content:center}
.pages a{width:40px;height:40px;border:1px solid #ddd;display:inline-block;border-right:none;font-size:14px}
.pages a.first,.pages a.last,.pages a.prev{width:auto;padding:0 8px}
.pages a.next{width:auto;padding:0 8px;border-right:1px solid #e5e5e5}
.pages strong{width:40px;height:40px;border:1px solid #e5e5e5;font-weight:400;background:#4db1e2;color:#fff;border-color:#4db1e2}
.pages a:hover{color:#4db1e2}
.pages em{display:none}
.pages kbd{margin-left:15px}
.pages kbd input{padding:0 10px;outline:0;border:1px solid #e5e5e5;line-height:40px;text-align:center;font-size:14px}
.pages kbd input:focus{border-color:#4db1e2}
@media screen and (max-width:768px){.pages{position:relative;padding: 20px 0;}
.pages a{display:none}
.pages a.next,.pages a.prev{display:block;border:none;position:absolute}
.pages a.next{left:50%;margin-left:50px}
.pages a.prev{right:50%;margin-right:50px}
.pages strong{background:#fff;color:#333;border:none}
}

#searchs{width:100%;height:auto;background:  #f5f5f5;padding: 30px 0;}
#searchs .searchs{width:1310px;height:auto;overflow:hidden;box-sizing:border-box;padding: 55px 12px;margin:0 auto;background:  #fff;}
#searchs .searchs .box{margin:20px 0;height:42px;position:relative}
#searchs .searchs .box input{height:40px;width:100%;background:#fafafa;border:1px solid #dcdcdc;border-radius:20px;box-sizing:border-box;padding:0 50px 0 20px}
#searchs .searchs .box input:focus{outline:0;border-color:#238ad4;background:#fff}
#searchs .searchs .box i:hover{cursor:pointer;color:#238ad4}
#searchs .searchs .box i{position:absolute;top:0;right:10px;display:block;width:40px;height:40px;line-height:40px;text-align:center}
#searchs .searchs ul{box-sizing:border-box;padding:0 25px}
#searchs .searchs ul li{border-bottom:1px solid #eee;padding:25px 0}
#searchs .searchs ul li h4{font-size:22px;line-height:30px;font-weight:400;padding-bottom:10px}
#searchs .searchs ul li a:hover h4,#searchs .searchs ul li a:hover p.intro{color:#238ad4}
#searchs .searchs ul li p.intro{font-size:14px;line-height:24px;color:#666}
#searchs .searchs ul li a.link{font-size:14px;line-height:24px;color:#238ad4}
@media screen and (max-width:1310px){#searchs .searchs{width:100%}
}
@media screen and (max-width:768px){#searchs .searchs ul{padding:0 10px}
#searchs .searchs .box{margin:10px 0}
#searchs .searchs ul li{padding:10px 0}
#searchs .searchs ul li h4{font-size:18px;line-height:1.5;padding-bottom:5px}
#searchs .searchs ul li p.intro{font-size:12px;line-height:22px;height:44px;overflow:hidden;padding-bottom:5px}
}

#sitemap{width:100%}
#sitemap .sitemap{width:1200px;margin:0 auto;overflow:hidden;padding:20px 0}
.sitemap .map{width:100%;height:auto;margin-bottom:40px}
.map h3{font-size:18px;line-height:60px;border-bottom:1px solid #eee}
.map .cat_One{padding-top:30px;line-height:32px;overflow:hidden}
.map .cat_One>li{width:auto;float:left; padding: 0 10px;  margin-bottom:40px}
.map .cat_One>li>a{font-size:14px;font-weight:700}
.map .cat_Two>li>a{font-size:14px;color:#555}
.map .cat_Three>li>a{font-size:14px;color:#bbb}
.map .cat_One li a:hover{color:#e51c60;text-decoration:underline}
@media screen and (max-width:1310px){
    #sitemap .sitemap {width:96%; margin:0 auto ;}
}
@media screen and (max-width:768px){
    .map h3 {line-height: 2;}
    .sitemap .map {margin-bottom: 20px;}
}

#Nofound {background:#fff;min-height: 100px; line-height: 100px; border:1px solid #eee; box-sizing: border-box;}
#Nofound img {border:none;}

.top {width: 100%;background:#eee;;height: 40px;line-height: 40px;overflow:hidden;}
.top .top_r {width: 1290px;height: 100%;box-sizing:border-box;padding: 0 15px;text-align: right;margin: 0 auto;}
.top .top_r a {font-size:14px;color:#aaa;padding: 0 10px;border-right: 1px solid #ccc;height: 14px;line-height: 14px;display: inline-block;}
.top .top_r a:last-child {border-right:none;}
.top .top_r a:hover {color:#4db1e2;}
@media screen and (max-width:1290px){
    .top .top_r {width:100%;}
}
@media screen and (max-width:768px){
    .top {height:32px; line-height: 32px;}
}
header .header {width:1290px; box-sizing: border-box; padding:0 15px; height: 100px; background:#fff; margin:0 auto; position: relative; display: flex; justify-content: space-between;}
header .header .img{height:100px;line-height:100px;float:left;position:relative}
header .header .logo img{vertical-align:middle;display:inline-block;height:80px}
header .header>ul{float:right;height:100px;line-height:100px}
header .header ul li{float:left;text-align:center;line-height:100px;position:relative}
header .header ul li.active>a{color:#4db1e2}
header .header ul li a{font-size:14px;display:block;position:relative;padding:0 25px}
header .header ul li a i{font-size:10px;padding-left:2px;color:#aaa;transition:all .4s ease}
header .header ul li a:hover , header .header ul li.active>a{color:#4db1e2}
header .header ul li a:hover i , header .header ul li.active a i{color:#4db1e2;transform:rotate(180deg);transition:all .4s ease}
header .header .childUl{display:none;position:absolute;top:100px;left:0;background:#fff;box-shadow:0 0 1px #ccc;padding:8px 0;min-width:120px;z-index:999}
header .header ul.childUl li{width:100%;height:auto}
header .header ul.childUl li a{display:block;height:38px;line-height:38px;overflow:hidden;padding:0 10px;white-space: nowrap;}
header .header ul.childUl li a:hover{color:#fff;background:#4db1e2;transition:none}
header .header .nav{position:relative;width:50px;height:50px;top:25px;box-sizing:border-box;padding:9px 0;cursor:pointer;float:right;display:none}
header .header .nav:hover span{background:#4db1e2}
header .header .nav span{display:block;width:100%;height:4px;background:#333;border-radius:2px;position:absolute;top:9px;transition:all .5s}
header .header .nav span.active:nth-child(1){transform:translateY(7px) rotate(45deg);transition:all .5s}
header .header .nav span.active:nth-child(3){transform:translateY(-9px) rotate(-45deg);transition:all .5s}
header .header .nav span:nth-child(2){top:23px}
header .header .nav span:nth-child(3){top:36px}

@media screen and (max-width: 1290px){
header{height:60px}
header .header{width:100%;height:60px;line-height:60px}
header .header>ul{display:none;position:absolute;box-sizing:border-box;padding:20px;top:50px;left:0;background:#fff;width:100%;height:auto;float:unset;box-shadow:0 3px 10px inset #eee;z-index:9999}
header .header ul li{width:100%;line-height:40px;text-align:left;position:relative}
header .header ul li a{border-bottom:1px solid #ccc}
header .header ul li a::after{position:absolute;content:'';left:0;bottom:0;width:0;height:1px;background:#4db1e2;transition:width .5s}
header .header ul li a:hover{border-color:#fff}
header .header ul li a:hover::after{width:100%}
header .header .childUl{position:static;box-shadow:none;width:100%;overflow:hidden;padding:0;text-indent:25px}
header .header ul.childUl li a{width:100%}
header .header .nav{display:block;top:0;width:30px;height:60px;}
header .header .img{height:60px;line-height:60px}
header .header .logo img{height:30px}
header .header .nav span{top:20px}
header .header .nav span:nth-child(2){top:28px}
}
@media screen and (max-width:768px){
    header {height:50px;}
    header .header{width:100%;height:50px;line-height:50px}
    header .header .img {height:50px; line-height:50px;}
    header .header .nav {height:50px; padding:20px 0;}
}

#banner {width:100%;height: auto;overflow: hidden;position:  relative;}
#banner  img {width:100%; height: auto;}
#banner .swiper-button-prev ,#banner .swiper-button-next {    width: 80px;
    height: 80px;
    background-color: rgba(0,0,0,.5);
    box-shadow: 0 0 20px #6f6e6e;
    border-radius: 10px;
    display:none;
}
#banner:hover .swiper-button-prev ,#banner:hover .swiper-button-next {display:block;}
#notice {width:100%; height:48px; background:#eee;}
#notice .notice {width:1290px; height:48px; line-height:48px; margin:0 auto; box-sizing:border-box; padding:0 15px;}
#notice .notice a  {font-size:14px;}
#notice .notice a  i {font-size:16px; padding-right:10px;}
#notice .notice a:hover {color:#4db1e2;}
#notice .notice a:hover i {color:#4db1e2;}
@media screen and (max-width:1290px){
    #notice .notice {width:100%;}
}
@media screen and (max-width:768px){
#notice {height: 30px;}
#notice .notice{height: 30px;line-height: 30px;padding:0 10px;}
#notice .notice a {font-size:12px;}
}



#more {position:relative;width:155px;height:48px; overflow:hidden; text-align:center;line-height:48px;font-size:18px;border-radius:4px;display:block;transition:all .4s ease; box-sizing:border-box;}
#more span { display:block; width:100%; height:100%; position:absolute;left:50%; top:50%; transform:translate(-50%,-50%); transition:all .2s ease;}
#more:hover span {transform:translate(100px, -50%); transition:all .2s ease;}
#more i {font-size: 40px;position:absolute;left:50%; top:50%; transform:translate(-150px,-50%);transition:all .2s ease;}
#more:hover i {transform:translate(-50%,-50%);transition:all .2s ease .1s; color:#4db1e2;}


#sectOne, #sectVideo {width:100%; height: auto;}
#sectOne .sectOne, #sectVideo .sectVideo {width:1290px;box-sizing: border-box;padding:0 15px;margin: 0 auto; padding-bottom:30px;}
.sectOne h3, .sectVideo h3 {font-size:32px;text-align: center;line-height: 1.5;font-weight: normal;padding-top: 70px;}
.sectOne .intro {text-align: center;color:#808492;}
.sectOne ul.cats, .sectVideo ul.cats {width:100%;height: auto;overflow: hidden;display: flex;justify-content: center;padding: 10px 0;flex-wrap:  wrap;}
.sectOne ul.cats li, .sectVideo ul.cats li {padding:4px 0;}
.sectOne ul.cats a, .sectVideo ul.cats a {padding:0 20px; border-right:2px solid #e1e1e1; font-size:16px; line-height:16px;}
.sectOne ul.cats a:hover {color:#4db1e2;}
.sectOne ul.cats li:last-child a {border-right:none;}
.sectOne ul.List {width:100%;height:auto;display:flex;justify-content:space-around;flex-wrap:wrap;padding-top: 30px;}
.sectOne ul.List li {width:276px;height:270px;border:1px solid #eee;margin: 0 10px;margin-bottom:50px;transition:all .4s ease;text-align:center;overflow:  hidden;}
.sectOne ul.List li:hover {border:1px solid #4db1e2; transition:all .4s ease;}
.sectOne ul.List li p {line-height:2.8; box-sizing:border-box; padding:0 10px; }
.sectOne ul.List li:hover p{color:#4db1e2;}
.sectOne ul.List li .img {width:276px; height:226px; overflow:hidden;}
.sectOne ul.List li img {width:100%; transition:all .4s ease;}
.sectOne ul.List li:hover img {transform:translateX(-10px); transition:all .4s ease;}
.sectOne #more {background:#eee; margin:10px auto;}
@media screen and (max-width:1290px){
    #sectOne .sectOne, #sectVideo .sectVideo {width:100%;padding: 0 30px;padding-bottom: 55px;}
    .sectOne ul.List {justify-content:center;}
    .sectOne ul.List li{margin-bottom:20px;}
   
}
@media screen and (max-width:768px){
     #sectOne .sectOne, #sectVideo .sectVideo {padding:0 10px;padding-bottom: 30px;}
     .sectOne h3, .sectVideo h3 {font-size:20px; padding: 20px;}
     .sectOne .intro {font-size:14px;}
     .sectOne ul.cats a {font-size:14px;padding: 0 10px;}
     .sectOne ul.cats, .sectVideo ul.cats {padding:5px 0;display:none;}
     .sectOne ul.List {padding-top:10px;justify-content:  space-between;}
     .sectOne ul.List li {width:48%;height:auto;margin: 0 0 15px 0;}
     .sectOne ul.List li .img {width:100%;height: 138px;}
     .sectOne ul.List li p {font-size:14px;line-height: 2.3;height:  32px;overflow:  hidden;}
     .sectOne #more {width:120px; height:40px; font-size:14px; line-height:40px;}
     #more i {font-size:30px;}
}
#sectVideo .content_list {display: flex;justify-content: space-between;flex-wrap: wrap;}
#sectVideo .item_block {width: 30%;animation-name: fadeInUp;overflow: hidden;height: auto;float: left;margin: 20px;position: relative;box-shadow: 0 0 0 rgba(0, 0, 0, .15);transition: all .36s ease;cursor: pointer;}
.content_list .item_block a {display: block;height: 100%;}
#sectVideo .item_block .item_img {position: relative;}
.content_list .item_img {overflow: hidden;}
#sectVideo .item_block .item_img img {max-width: 100%;display: block;}
#sectVideo .item_block .imgIcon {position: absolute;width: 48px;height: 48px;top: -20%;left: 50%;margin: -25px 0 0 -25px;font-size: 48px;color: #fff;transition: all 0.5s ease 0s;z-index: 6;}
.sectVideo .item_block .item_wrapper {background: rgba(0, 0, 0, 0.1);transition: all .36s ease;padding: 6% 4% 6%;text-align: left;}
.content_list .item_block .item_wrapper {position: relative;width: 100%;}
.sectVideo .title {color: #333;font-size: 16px;font-weight: bold;transition: all .3s ease-out 0s;line-height: 20px;text-align: center;}
#sectVideo .item_block .imgIcon::afte{content: '';position: absolute;width: 0;height: 0;border-top: 10px solid transparent;border-bottom: 10px solid transparent;
border-left: 15px solid #fff;top: 50%;left: 50%;margin-left: -6px;margin-top: -9px;}
.sectVideo .content_list .item_block:hover .item_wrapper{background: #2863b1;}

#sectTwo {width:100%;height: auto;background: url(../image/bg.jpg) no-repeat;background-size:  cover;}
#sectTwo .sectTwo {width: 1290px;box-sizing: border-box;padding: 0 15px;margin: 0 auto;}
.sectTwo .content {width:100%;display:flex;flex-wrap:wrap;justify-content: space-between;padding: 65px 0;}
.sectTwo .content .left {width: 48%;}
.sectTwo .left h3{font-size:30px; line-height:1.5; color:#fff; font-weight:normal;}
.sectTwo .left .intro {color:#fff;padding-top:8%;line-height:1.8;overflow: hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp: 4;-webkit-box-orient:vertical;}
.sectTwo #more {border: 1px solid #fff; margin-top:10%;}
.sectTwo>#more {display:none;}
.sectTwo  #more:hover {border-color:#4db1e2;}
.sectTwo  #more span {color:#fff;}
.sectTwo content>#more {display:none;}
.sectTwo .content .right {width: 48%;}
.sectTwo .right img {width:100%;border-radius: 10px;}
@media screen and (max-width:1290px){
    #sectTwo .sectTwo {width:100%;padding: 0 30px;}
}
@media screen and (max-width:750px){
    #sectTwo .sectTwo {padding:0 10px;padding-bottom: 30px;}
    .sectTwo .content {padding: 35px 0 0 0;}
    .sectTwo .content .left, .sectTwo .content .right {width:100%;}
    .sectTwo .left h3 {font-size:20px; text-align:center;}
    .sectTwo .left .intro {padding:10px 0; font-size:14px;}
    .sectTwo .left #more {display:none;}
    .sectTwo>#more {display:block; margin:10px auto;} 
    .sectTwo #more {width:120px; height:40px; font-size:14px; line-height:40px; margin-top:20px;}
     #more i {font-size:30px;}
     .sectTwo #more span {color:#fff;}
}

#sectThree {width:100%; height: auto;}
#sectThree .sectThree {width: 1290px;box-sizing: border-box;padding: 0 15px;margin: 0 auto;padding-bottom: 55px;}
.sectThree h3 {font-size:32px;text-align: center;line-height: 1.5;font-weight: normal;padding-top: 70px;}
.sectThree .desc {font-size: 16px;line-height: 2;text-align: center;color:#808492;}
.sectThree  .content {display:flex;justify-content:space-between;padding-top:50px;align-items:  flex-start;padding-bottom: 55px; flex-wrap:wrap;}
.sectThree  .content .left {width:45%;position:  relative; overflow:hidden;}
.sectThree  .content .right {width:50%;}
.sectThree  .left img{width:100%;}
.sectThree  .left .title {position:absolute; bottom:0; width:100%; line-height:3.2; background:rgba(0,0,0,.5); color:#fff; box-sizing:border-box; padding:0 12px; font-size:18px;}
.sectThree  .right .recommend .top{font-size:18px;height: 48px;border-bottom:1px solid #ccc;width:80%;padding-right:20%;position:relative;line-height: 48px;overflow:  hidden;text-overflow: ellipsis;white-space: nowrap;}
.sectThree  .right .recommend .top span {position:absolute; right:0; line-height:38px; font-size:14px; color:#bbb;}
.sectThree .right .recommend .intro {font-size:14px;line-height:2;color:#666666;text-align:left;margin: 15px 0;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow:  hidden;}
.sectThree  .right .recommend:hover .top{color:#2fa2fd; border-color:#2fa2fd;}
.sectThree .right .newsList {padding-top:20px;}
.sectThree .right .newsList li{height:56px; line-height:56px; border-bottom:1px solid #eee; font-size:18px; position:relative; transition:all .4s ease;}
.sectThree .right .newsList li a {display:block; width: 78%; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.sectThree .right .newsList li span {font-size:14px; position:absolute; right:0; top: 0; color:#cccccc;}
.sectThree .right .newsList li:hover {border-color:#2fa2fd; box-sizing:border-box; padding:0 10px; transition:all .4s ease;}
.sectThree .right .newsList li:hover a{color:#2fa2fd;}
.sectThree .right .newsList li:hover span {color:#2fa2fd;}
.sectThree #more {margin: 10px auto;background:#eee;}
@media screen and (max-width:1290px){
    #sectThree .sectThree {width:100%;padding:0 30px;padding-bottom: 50px;}
}
@media screen and (max-width:750px){
    #sectThree .sectThree {padding:0 10px;padding-bottom: 30px;}
    .sectThree h3 {font-size:20px; padding-top:35px;}
    .sectThree .intro {font-size:14px; line-height:1.5; padding:5px 0;}
    .sectThree .content {padding: 10px 0;}
    .sectThree .content .left , .sectThree .content .right {width:100%;}
    .sectThree .left .title {font-size:14px;}
    .sectThree  .right .recommend .top {font-size:16px; height:36px; line-height:36px;}
    .sectThree .right .recommend .intro {margin:5px 0; font-size:12px;}
    .sectThree .right .newsList li {height: 32px;line-height:32px;}
    .sectThree .right .newsList li a {font-size:14px; width: 78%; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
    .sectThree .right .newsList {padding-top:5px;}
    .sectThree #more {width:120px; height:40px; font-size:14px; line-height:40px;}
     #more i {font-size:30px;}
}


#link{width:100%;line-height:32px;padding-bottom: 5px;}
#link .link{box-sizing:border-box;padding:0 15px;display:flex;flex-wrap:wrap;font-size:16px;justify-content:center}
#link .link a,#link .link span{color: #aaa;}
#link .link .boxs {padding-right: 10px;margin-right: 5px;position:relative;}
#link .link .boxs::after {content:'/';color: #aaa;font-size:18px;position:absolute;right:0;}
#link .link .boxs:last-child::after {display:none;}
#link .link span{padding:0 5px}
#link .link a:hover{color:#4db1e2}
@media screen and (max-width:768px){#link{padding:10px 0;line-height:24px}
#link .link a,#link .link span{font-size:14px}
}


#sectFour {width:100%; height: auto;}
#sectFour .sectFour {width:1200px;box-sizing: border-box;padding:0 10px;margin: 0 auto;}
.sectFour h3 {font-size:32px; text-align: center; line-height: 2; padding-top:80px; font-weight: normal;}
.sectFour p.intro {font-size: 16px;line-height: 2;text-align: center;color:#808492;}
.sectFour ul {width:100%;display:flex;flex-wrap:wrap;justify-content:space-around;padding-top: 10px;padding-bottom: 50px;}
.sectFour ul li {text-align:center;width:  200px;padding: 50px 20px;}
.sectFour ul li i {font-size:60px; color:#2fa2fd;}
.sectFour ul li p {font-size:14px; line-height:2; padding-top:15px;}
@media screen and (max-width:1200px){
    #sectFour .sectFour {width:100%;}
}
@media screen and (max-width:750px){
     .sectFour h3 {padding-top: 21px;font-size: 20px;}
     .sectFour p.intro {line-height:1.5;font-size: 12px;}
     .sectFour ul li {width:25%;padding: 12px 5px;box-sizing:  border-box;line-height:  1.2;}
     .sectFour ul li p {font-size: 12px;}
     .sectFour ul {padding-bottom: 20px;}
     .sectFour ul li i {font-size:30px;}
     
}


#sectFive {width:100%; height: auto; background: #014880;}
#sectFive .sectFive {width:1200px;box-sizing: border-box;padding:0 10px;margin: 0 auto;}
.sectFive h3 {font-size:32px; color:#fff; text-align: center; line-height: 2; padding-top:80px; font-weight: normal;}
.sectFive p.intro {font-size: 16px; line-height: 2;text-align: center;color:#a4bcce;}
.sectFive .content {display: flex; justify-content: space-between; padding-top:55px; padding-bottom: 95px; align-items: flex-start;}
.sectFive .content .left {width:400px;margin-right: 40px;}
.sectFive .content .right {flex:1;}
.sectFive .content .left h4 {font-size:18px; color:#fff; padding-bottom:30px;}
.sectFive .content .left dl {margin-bottom:30px;}
.sectFive .content .left dl dt {font-size:16px; color:#fff; line-height:30px;}
.sectFive .content .left dl dd {font-size:14px; color:#fff; line-height:24px;}
.sectFive .content .right .img {background: #000;}
.sectFive .content .right .img img {opacity: 0.5;}
.sectFive .content .right .video {position: relative;}
.sectFive .content .right .video a {width:90px; height: 90px; border-radius: 50%; background:rgba(0,0,0,.3); position: absolute; left:50%; top:50%; margin-left:-45px; margin-top:-45px;}
.sectFive .content .right .video a img {width:100%; height:auto;}
#mask { display: none; position: fixed;z-index:9999;background:rgba(0,0,0,.6);width:  100%;height: 100%;top: 0;left: 0;}
#mask img {width:60px; height:60px; position:absolute; top:20px; right:20px; background:#000; padding:20px; box-shadow:0 0 20px #757373; cursor:pointer;}
#mask img:hover {box-shadow:none;}
#mask video {width:70%;margin:0 auto;position:  absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
@media screen and (max-width:1200px){
    #sectFive .sectFive {width:100%;}
}
@media screen and (max-width:750px){
     .sectFive h3 {padding-top: 21px;font-size:  20px;}
     .sectFive p.intro {line-height:1.5;font-size:  12px;}
     .sectFive .content {width:96%;margin:0 auto;flex-wrap:wrap;flex-direction:column-reverse;padding-bottom: 20px;padding-top: 20px;}
     .sectFive .content .left{width:100%;margin: 0;}
     .sectFive .content .right{width:100%;margin-bottom:  10px;}
     .sectFive .content .right .img img {width:100%;}
     .sectFive .content .left h4 {font-size: 16px;line-height:1.5;padding-bottom: 15px;}
     .sectFive .content .left dl dt {font-size: 16px;padding-bottom: 8px;line-height: 1.5;}
     .sectFive .content .left dl dd {font-size: 14px;line-height: 1.8;}
     .sectFive .content .left dl {
    margin-bottom: 20px;
}
     
}


#sectSix {width:100%; height: auto; }
#sectSix .sectSix {width:1290px;box-sizing: border-box;padding:0 15px;margin: 0 auto;}
.sectSix h3 {font-size:32px; text-align: center; line-height: 2; padding-top:80px; font-weight: normal;}
.sectSix p.intro {font-size: 16px; line-height: 2;text-align: center;color:#808492;}
.sectSix ul {overflow: hidden;padding-top: 50px;padding-bottom: 50px;}
.sectSix ul li {float:left;margin:0 24px;padding-bottom:  40px;}
.sectSix ul li img {width:60px; height: auto;}
.sectSix ul li span {font-size:14px;line-height:2;color:#808492;text-align:center;display:inline-block;width:100%;padding-top: 5px;}
@media screen and (max-width:1290px){
    #sectSix .sectSix {width:100%;}
}
@media screen and (max-width:750px){
     .sectSix h3 {padding-top: 21px;font-size: 18px;}
     .sectSix p.intro {line-height:1.5;font-size: 12px;}
     .sectSix ul li {margin:0;width:25%;padding-bottom: 12px;}
     .sectSix ul {padding-top: 20px;padding-bottom: 20px;}
    .sectSix ul li img {width: 35px;}
     
}


#sectSeven {width:100%; height: auto; background:#fafafb;}
#sectSeven .sectSeven {width:1200px;box-sizing: border-box;padding:0 10px;margin: 0 auto;}
.sectSeven h3 {font-size:32px; text-align: center; line-height: 2; padding-top:80px; font-weight: normal;}
.sectSeven p.intro {font-size: 16px;line-height: 2;text-align: center;color:#808492;}
.sectSeven .img {width:100%; height:auto;}
.sectSeven .img img{width: 100%; height: auto; padding-top:45px; padding-bottom: 100px;}
#sectSeven {width:100%; height: auto; background:#fafafb;}
#sectSeven .sectSeven {width:1200px;box-sizing: border-box;padding:0 10px;margin: 0 auto;}
@media screen and (max-width:1200px){
    #sectSeven .sectSeven {width:100%;}
}
@media screen and (max-width:750px){
     .sectSeven h3 {padding-top: 21px;font-size: 20px;}
     .sectSeven p.intro {line-height:1.5;font-size: 12px;}
     .sectSeven .img {width:100%;}
     .sectSeven .img img {width:100%;padding-top: 20px;padding-bottom: 40px;}
     
}

#mapNav {width:100%;background:  #555;}
#mapNav ul{width:1290px;padding: 20px 0;display: flex;margin: 0 auto;flex-wrap:  wrap;}
#mapNav ul li a {font-size: 16px;color: #ffffff96;line-height:  1;height: 16px;border-right: 2px solid #676262;display:  block;padding: 0 15px;}
#mapNav ul li a:hover {color:#fff;text-decoration: underline;}
#mapNav ul li:last-child a {border-right: none;}
@media screen and (max-width:1290px){
    #mapNav ul  {width:100%;}
}
@media screen and (max-width:768px){
    #mapNav ul {width:96%;flex-wrap:wrap;padding: 20px 0;}
    #mapNav ul li a {padding:5px 10px; margin:5px 0; font-size:14px; border-right:none;}
    #mapNav ul li {width:25%; text-align:center;}
}

footer{background:#222;color:#aaa;}
#footer{width:100%;border-bottom:1px solid #333;}
.footer{width:1290px;margin:0 auto;box-sizing:border-box;padding:0 15px;padding-top:30px;padding-bottom:40px;display:flex;justify-content:space-between}
.footer dl dd:first-child a{font-size:18px;color:#ddd}
.footer dl dd{color:#aaa}
.footer dl dt{font-size:28px;color:#fff;line-height:52px;border-bottom:1px solid #333;margin-bottom:20px}
.footer dl dt p {color:#fff;}
.footer dl dd p {color:#fff;}
.footer dl dd a{color:#aaa;font-size:16px;line-height:42px}
.footer dl dd a:hover{color:#fff}
.footer dl:last-child{max-width:230px}
.footer dl dd.qrCode {margin-top:25px;}
footer .bottom{font-size:16px;line-height:28px;text-align:center;box-sizing:border-box;padding:5px 15px}
footer .bottom p{color:#aaa}
footer .bottom p a {color:#fff}
footer .bottom p a:hover {text-decoration:underline;}
@media screen and (max-width:1290px){.footer{width:100%}
}
@media screen and (max-width:768px){.footer{display:none}
footer .bottom{font-size:14px}
footer .bottom p:last-child{display:none;line-height:1.5}
}


#content {width:100%; height: auto; background: #fff;}
#content .about , #content .feedback  , #content .news , #content .newShow , #content .productShow {width:1290px;height: auto;margin:0 auto;box-sizing: border-box;flex-wrap:  wrap;padding:0 15px;padding-top:42px;align-items: flex-start;overflow: hidden;}
.about , .feedback , .news , .newShow , .productShow{display: flex; justify-content: space-between; align-items: flex-start;}
#content .left {overflow:hidden;width:100%;flex:1;margin-bottom:  20px;}
#content .right {width:300px;margin-left:30px;}

#location {height: 24px; padding-bottom: 8px; border-bottom: 1px solid #e5e5e5;}
#location a {padding-right: 5px;}
#location a , #location i {font-size:14px; color:#888888;}
#location a:hover {color:#2fa2fd;}


#content .about .left article {padding:50px 0;}
#content .left article p {font-size:14px; color:#666666; line-height: 30px;}
#content .right .slideNav {margin-bottom: 35px;}
#content .right .slideNav li{width:100%; height: 48px; line-height: 48px; margin-bottom: 1px; background:#f5f5f5;}
#content .right .slideNav li a {display: block; text-indent: 35px; font-size:18px;}
#content .right .slideNav li a:hover , #content .right .slideNav li.active a {color:#2fa2fd;}

#content .right .rightOne {width:100%;height: auto;overflow: hidden;margin-bottom:35px;box-sizing: border-box;padding:0 18px;padding-bottom: 15px;border:1px solid #eee;}
#content .right .rightOne h4 {font-size:18px;font-weight: normal;line-height: 58px;padding-top: 2px;height: 58px;overflow: hidden;border-bottom: 1px solid #eee;}
#content .right .rightOne ul li {width:100%; border-bottom: 1px solid #eee;}
#content .right .rightOne ul li a {display: block; padding:12px 0; font-size:14px; line-height: 24px; color:#666666;text-overflow: ellipsis; overflow: hidden;  white-space: nowrap; display: block;}
#content .right .rightOne ul li a:hover {color:#2fa2fd; }
@media screen and (max-width:1290px){
    #content .about , #content .feedback , #content .news , #content .newShow ,  #content .productShow {width:100%; padding-left:30px; padding-right: 30px;}
}
@media screen and (max-width:768px){
    #content .about ,  #content .feedback , #content .news ,  #content .newShow ,  #content .productShow {width:100%;padding: 0;padding-top: 10px;}
    #content .right {width:100%;margin: 0;box-sizing:  border-box;padding: 0 10px;}
    #content .left { border-bottom: 15px solid #f5f5f5;box-sizing:  border-box;padding: 0 10px;}
    #content .left article {padding:10px 0;}
    #content .right .slideNav {margin-bottom:20px;}
    #content .right .slideNav li {height:32px; line-height:32px;}
    #content .right .slideNav li a {font-size:14px;}
    #content .right .rightOne {margin-bottom:20px;padding: 0 12px;padding-bottom: 10px;}
    #content .right .rightOne h4 {font-size:16px; height:40px; line-height:40px;}
    #content .right .rightOne ul li a {padding: 10px 0;line-height:1.5;}
}

.feedback form{padding:70px 0 150px 0;width: 600px;height:auto;margin:0 auto;}
.feedback form label{display:block;width:100%;height:auto;padding-bottom: 8px;}
.feedback form label input{width:100%;height: 58px;line-height: 58px;display:block;box-sizing:border-box;padding: 0 15px;font-size:14px;border:1px solid #e5e5e5;outline-color:#238ad4;outline:none;}
.feedback form label p {    color: red;
    font-size: 12px;
    box-sizing: border-box;
    padding: 0 10px;
    line-height: 1.5;
    height: 18px;}
.feedback form label input:focus {border-color:#238ad457; box-shadow:0 0 5px #238ad457;}
.feedback form label textarea{width:100%;height:auto;box-sizing:border-box;padding:10px;line-height:1.5;font-size:14px;border:1px solid #e5e5e5; outline:none;}
.feedback form label textarea:focus {border-color:#238ad457; box-shadow:0 0 5px #238ad457;}
.feedback form label #submit{background: #238ad4;color:#fff;display:  block;text-align:  center;line-height: 60px;width:  50%;margin: 0 auto;border-radius:  4px;}
@media screen and (max-width:1290px){
    #content .feedback{width:100%}
    .feedback form{width:90%}
}
@media screen and (max-width:768px){
    .feedback form{padding: 20px 0 20px 0;}
    .feedback form label input {height:40px; line-height: 40px;}
    .feedback form label #submit {width:100%; height: 50px; line-height: 50px;}
}

.news .content ul {width:100%; overflow: hidden;}
.news .content li {border-bottom: 1px solid #929292;  padding:24px 0 32px 0;  width:75%; padding-right:25%; position: relative;}
.news .content li a {display: block;font-size:14px;color:#777777;position: absolute;right:0;top:75px;width: 17%;height: 38px;text-align: center;line-height: 38px;border:1px solid #939393;}
.news .content li a.notice {position:initial; border:none; line-height:1.5; text-align:left;  height:auto; overflow:hidden; width:100%; color:#333;}
.news .content li a:hover {color:#238ad4; border-color:#238ad4;}
.news .content li h4 {font-size:22px; line-height: 1.5; font-weight: normal; height:33px; overflow: hidden;}
.news .content li .intro {font-size:14px;line-height: 1.5;color:#999999;margin: 15px 0;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow:  hidden;}
.news .content li .setting span{display: inline-block; padding-right:35px; font-size:16px; line-height: 1.5; color:#999999;}
.news .content li .setting span i {color:#999999;}
.news .content .pages {padding:30px 0;}
@media screen and (max-width:1290px){
    
}
@media screen and (max-width:768px){
    .news .content li a {
    width: 100%;
    margin-top: 10px;
    box-sizing:  border-box;
    width: auto;
    border-radius: 3px;
    margin: 0;
    overflow:  hidden;
    padding: 0 14px;
    font-size:  12px;
    height:  30px;
    line-height: 30px;
    background:  #4db1e2;
    border:none;
    color: #fff;
    top: auto;
    bottom: 8px;
    }

    .news .content li a.notice{ background: #fff;}
    .news .content li {width:100%;padding: 10px 0 15px 0;}
    .news .content li h4 {font-size:16px; height:24px; line-height:24px; }
    .news .content li .intro {margin:5px 0;-webkit-line-clamp: 2; }
    .news .content li .setting {margin-top: 8px;}
    .news .content li .setting span {font-size:12px;}
}

#topNav {border-bottom: 1px solid #e7edf0;background:#fff; }
#topNav .topNav {width:1290px;margin:0 auto;box-sizing: border-box;padding:0 15px;display: flex;justify-content: center;flex-wrap: wrap;padding: 22px 0;}
.topNav li {padding:0 32px; float:left;}
.topNav li a {font-size:16px;line-height: 30px;color:#666666;display: block;}
.topNav li.active a , .topNav li a:hover {color:#4db1e2;}

#content .product {width:100%; height: auto; background:#f5f5f5;  box-sizing:border-box; padding:0 32px; padding-top:30px;}
.product ul {overflow:hidden;}
.product ul li {width: 49%;overflow:hidden;float:left;background:#fff;box-sizing:border-box;padding:18px 40px;margin: 0;margin-bottom: 28px;}
.product ul li:nth-child(2n){float:right;}
.product li .img {width: 38.5%;height: auto;border:1px solid #eeeeee;overflow: hidden;float:left;}
.product li .img img {width:100%}
.product li dl {float:right; width:52%; box-sizing:border-box; padding:0 15px;}
.product li dl dt {font-size:22px;line-height:1.5;font-weight:normal;margin: 12px 0;height:33px;overflow:hidden;}
.product li dl dd {font-size:14px;line-height:25px;color:#777777;margin: 18px 0;overflow: hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp: 4;-webkit-box-orient:vertical;}
.product li dl a {display: block;width:158px;height: 38px;text-align:center;line-height: 38px;border:1px solid #939393;font-size:14px;margin-top:16px;transition:all .4s ease;overflow:hidden;position:  relative;}
.product li dl a span { display:block; width:100%; height:100%; position:absolute;left:50%; top:50%; transform:translate(-50%,-50%); transition:all .2s ease;}
.product li dl a:hover {border-color:#4db1e2;}
.product li dl a:hover span {transform:translate(100px, -50%); transition:all .2s ease;}
.product li dl a  i {font-size: 30px;position:absolute;left:50%; top:50%; transform:translate(-150px,-50%);transition:all .2s ease;}
.product li dl a:hover i {transform:translate(-50%,-50%);transition:all .2s ease .1s; color:#4db1e2;}

@media screen and (max-width:1600px){
    .product li dl {width:60%;}
}
@media screen and (max-width:1500px){
    .product ul li {padding: 18px;}
    .product li dl dt {margin:5px 0;}
    .product li dl dd {margin:10px 0;}
}
@media screen and (max-width:1290px){
    #topNav .topNav {width:100%;justify-content:space-around;padding: 22px 0;}
    .topNav li {padding:0 10px;}
}
@media screen and (max-width:1200px){
    .product li dl dt {font-size:18px;line-height:  24px;height: 24px;}
    .product li dl dd {
    -webkit-line-clamp: 2;
}
}
@media screen and (max-width:1100px){
    .product li dl a {
        width:  100px;
        height:  30px;
        line-height:  30px;
        font-size: 12px;
    }
}
@media screen and (max-width:1000px){
    .product li dl dd {
        margin:3px 0;
    }
    .product ul li {padding:10px  15px; margin-bottom:15px;}

}

@media screen and (max-width:768px){
    .product ul li {width:100%;float:none;margin-bottom: 10px;}
    .product ul li:nth-child(2n) {float:none;}
    .product li .img {width: 30%;}
    .product li dl {width:69%;}
    #content .product {padding:15px 10px 0 10px;}
    .product li dl dt {font-size:16px;}
    .product li dl dd {font-size:12px; line-height:1.5;}
    .product li dl a {margin-top: 4px;}
    #topNav .topNav {justify-content:center; padding:10px 0;}
}

.newShow .content h4{font-size:24px;line-height: 40px;text-align:center;padding-top: 40px;}
.newShow .content .setting {font-size:14px; line-height:24px; color:#b5b5b5; padding-top:5px; text-align:center;}
.newShow .content .setting span {color:#b5b5b5;}
#content .newShow .left article {padding:35px 0;}
@media screen and (max-width:768px){
   .newShow .content h4 {font-size:20px; line-height:30px; ;} 
}

#content .productShow {background:#f5f5f5;}
#content .productShow .right .slideNav li{background:#fff;}
#content .productShow .right .rightOne {background:#fff;}
#content .productShow .left #location {background:#fff;padding:8px;box-sizing:border-box;height: 56px;line-height: 48px;}
.productShow .left .article {background:#fff; margin-bottom:30px; position:relative;}
.productShow .left .contents {background:#fff;}
.productShow .left .article #download {width:120px; height:48px; text-align:center; line-height:48px; border:1px solid #eee; border-radius:4px; position:absolute; top:20px; right:20px; background:#4db1e2; color:#fff; }
.productShow .left .article #download i {color:#fff; padding-right:3px;}
.productShow .left .article h4 {font-size:24px; line-height:40px; text-align:center; padding-top:30px;}
.productShow .left .article .setting {text-align:center; font-size:14px; line-height:24px; padding-top:5px;}
.productShow .left .article .setting span {color:#b5b5b5;}
.productShow .left .article .picture {padding:25px 0;}
.productShow .left .article .picture img {max-width:70%; border:1px solid #eee; margin-bottom:20px;}
.productShow .left .article .picture .video {width:100%; box-sizing:border-box; overflow:hidden; height:auto; padding:0 15px;}
.productShow .left .article .picture .video  video {width:100%; height:auto;}
.productShow .left .contents {    box-sizing: border-box;
    padding: 0 30px 60px 30px;
    background: #fff;
    margin-bottom: 15px;}
.productShow .left .contents h4{
    font-size: 16px;
    color: #4db1e2;
    line-height: 44px;
    height: 44px;
    overflow: hidden;
    padding-top: 20px;
    border-bottom: 1px solid #e9e9e9;
    position: relative;
    text-indent: 20px;}
.productShow .left .contents h4::after {
    width: 100px;
    height: 2px;
    background: #4db1e2;
    position: absolute;
    left: 0;
    bottom: 0px;
    content: '';
}
.productShow .left .contents article {padding:30px 0;}
.productShow .left .contents #change {height:48px;line-height: 46px;display:flex;justify-content:space-between;overflow:  hidden;}
.productShow .left .contents #change a {display:block;border: 1px solid #eee;border-radius:24px;padding:0 20px;color: #888888;max-width:  200px;overflow:  hidden;height:  46px;}
.productShow .left .contents #change a span {color:#888888;}
.productShow .left .contents #change a:hover {border-color:#e51c60; color:#e51c60;}
.productShow .left .contents #change a:hover span {color:#e51c60;}
#content.products {background:#f5f5f5;}

/* 手机版样式 */
@media screen and (max-width:768px){
    #location {padding-bottom:4px; height: auto;}
    #content .productShow .left #location{ height: auto; line-height: 25px;}

    .productShow .left .contents #change{ height: auto; line-height: 1.3em; flex-wrap: wrap;}
    .productShow .left .contents #change a{ border: none; padding: 0 ; max-width: 100%; height: auto; overflow: visible;}
}

#sectVideo .content_list {display: flex;justify-content: space-between;flex-wrap: wrap;}
.sectVideo .content_list .item_block:hover .item_wrapper p{color:#fff}
#sectVideo .item_block .imgIcon {font-size: 48px;color: #fff;}
#sectVideo .item_block .imgIcon {position: absolute;width: 48px;height: 48px;top: -20%;left: 50%;margin:-25px 0 0 -25px;font-size: 48px; color: #fff;transition: all 0.5s ease 0s;}
#sectVideo .item_block .imgIcon:after {content: '';position: absolute;width: 0;height: 0;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 15px solid #fff;top: 50%;left: 50%;margin-left: -6px; margin-top: -9px;}
.videoUrl {display: none; position: fixed;top: 0;left: 0;background: rgba(0,0,0,.8);z-index: 999;width: 100%;height: 100%;}
#video {width: 60%;height: auto;}
.videoUrl video {position: relative;left: 50%;top: 50%;transform: translate(-50%,-50%);}
video {background-color: #000;}
.videoUrl img {position: absolute;right: 20px;top: 20px;cursor: pointer;padding: 10px;}
@media screen and (max-width:768px){
#sectVideo .content_list {width: 96%;margin: 0 auto;}
#sectVideo .item_block {width: 47%;float: left;margin: 5px;}
.content_list .title{font-size: 14px;}
}